<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>条件语句之if语句</title>
</head>

<body>
    10+10 = 
    <input type="text" value="">
    <button>提交</button>
</body>

</html>

<script>
    //if 结构先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句。
    // 所谓布尔值，指的是JavaScript的两个特殊值，true表示真，false表示伪

    // if(布尔值){
    //     语句
    // }
    var input = document.querySelector('input')
    var button = document.querySelector('button')

    var num = 0;

    button.addEventListener('click', function(e) {
        if (input.value === '') {
            console.log('请输入答案')
        } else {
            if(parseInt(input.value) === 20) {
                console.log('条件为true')
            }else{
                console.log('条件为false')
            }
        }
    })
</script>